<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f1(){
            console.log(111);
        }

        //当页面加载完成的时候
        window.onload=function(){
            var p=document.querySelector("p");
            // DOM对象.事件句柄=函数
            // 方式二:在JavaScript代码中对某个HTML元素进行事件绑定
            p.onclick=function(){
                console.log(222);
            };


        };

    </script>
</head>
<body>

    <!--方式一:静态绑定：在HTML元素上通过事件句柄对应的属性进行绑定-->
    <div onclick="f1()">我是div</div>
    <p>我是p标签</p>
 <!--   <script>
        var p=document.querySelector("p");
        console.log(p);
    </script>-->
</body>
</html>